window.onload = function () {
    //判断是否有购物车
    var shang = $("#shang").text();

    if (shang != "") {
        $("#shang").css("display", "contents");
        $(".site-topbar .cart-mini .iconfont-cart-full").removeClass("hide");
        $(".site-topbar .cart-mini .iconfont-cart").addClass("hide");
        $(".site-topbar .cart-mini").css({"color": "#fff", "background": "#ff6700"});
        //鼠标悬浮购物车显示商品
        $('.topbar-cart').hover(
            function () {
                $("#J_miniCartList").removeClass("hide");
                $("#J_miniCartListTotal").removeClass("hide");
                $("#J_miniCartList").css("height", "auto");
                $("#J_miniCartMenu").css("height", "auto");
            },
            function () {
                $("#J_miniCartList").addClass("hide");
                $("#J_miniCartListTotal").addClass("hide");
                $("#J_miniCartList").height(0);
                $("#J_miniCartMenu").height(0);
            }
        )
    } else {
        $("#shangn").css("display", "contents");
    }
    //判断是否有用户信息
    var panduan = $('.panduan').text();
    $(".kong").text(panduan);
    var b = $(".kong").text();
    if (b != "") {
        $(".ce").css("display", "block");
    } else {
        $(".cea").css("display", "block");
    }
};


$('.user').hover(
    function () {
        $(this).addClass('user-active')
        $('.user-menu-wrapper').height(164);
    },
    function () {
        $(this).removeClass('user-active')
        $('.user-menu-wrapper').height(0);
    }
)

$(function () {
    //商品id
    var informationid = $(".informationid").text();
    //用户id
    var userid = $(".userid").text();

    /**
     * editionid版本id
     * priceid价格id
     * colorid颜色id
     */
    var editionid,
        priceid,
        colorid;

    var phonename = $('.phonename').text();
    var ban = $('.ban').text();
    var price = $('.pricea').text();
    var color = $('.color').children("a").text();
    $(".step-one li").each(function (index) {
        $(this).click(function () {
            $(".step-one li").eq(index).addClass("btn btn-biglarge active editic").siblings().removeClass("active editic");
            //价格
            $(this).children().children().last().addClass("price pricea").parent().parent().siblings().children().children().removeClass("pricea");
            //版本
            $(this).children().children().first().addClass("name ban").parent().parent().siblings().children().children().removeClass("ban");
            //手机名称
            phonename = $('.phonename').text();

            //版本id和价格id
            editionid = $(this).find(".editionid").text();
            priceid = $(this).find(".priceid").text();

            //版本
            ban = $(this).children().children().first().addClass("name ban").text();
            //价格
            price = $(this).children().children().last().addClass("price pricea").text();
            $(".zong").text(phonename + '\xa0' + ban + color);
            $(".zong").append("<span style='float:right;'>"+price + "元"+"</span>")
            $(".jia").text(price);
            $(".totlePrice").text("总计 : " + price + "元")
        })

    });
    $(".step-two li").each(function (index) {
        $(this).click(function () {
            $(".step-two li").eq(index).addClass("btn btn-biglarge active color").siblings().removeClass("active color");

            //颜色id
            colorid = $(this).find(".colorid").text();
            //颜色
            color = $('.color').children("a").text();
            $(".zong").text(phonename + '\xa0' + ban + color);
            $(".zong").append("<span style='float:right;'>"+price + "元"+"</span>")
        })
    });


    //添加喜欢
    $(".like").click(function () {
        window.location.href = "/like/insert?userid="+userid+"&informationid=" + informationid + "&editionid=" + editionid + "&colorid=" + colorid + "&priceid=" + priceid;
    })
    //添加喜欢


    //地址
    $(".J_switchTypeTrigger").click(function () {
        $("#address").removeClass("hide");
        $("#dizhi").addClass("hide");
    })
    $(".switch-choose-regions").click(function () {
        $(".in").css("display", "block");
        $(".an").removeClass("hide");
    })
    $(".guanbi").click(function () {
        $(".in").css("display", "none");
        $(".an").addClass("hide");
    })

    var suan = 1;
    var name = null,
        shi = null,
        qu = null,
        xian = null;
    $(".J_option").click(function () {
        $(this).parent().addClass("hide")
        $(this).parent().next().removeClass("hide")
        if (suan == 1) {
            name = $(this).text();
            sheng = name;
            $(".one").text(name);
            $(".one").addClass("active");
            $(".one").next().removeClass("hide");
            $(".two").text("选择城市地区");
            suan = 2;
        } else if (suan == 2) {
            name = $(this).text();
            shi = name;
            $(".two").text(name);
            $(".two").addClass("active");
            $(".two").next().removeClass("hide");
            $(".sirui").text("选择区县");
            suan = 3;
        } else if (suan == 3) {
            name = $(this).text();
            qu = name;
            $(".sirui").text(name);
            $(".sirui").addClass("active");
            $(".sirui").next().removeClass("hide");
            $(".four").text("选择配送区域")
            suan = 4;
        } else if (suan == 4) {
            name = $(this).text();
            xian = name;
            $(".four").text(name);
            $(".four").addClass("active");
            $(".four").next().removeClass("hide");
            $(".sheng").text(sheng);
            $(".shi").text(shi);
            $(".qu").text(qu);
            $(".xian").text(xian);
            $(".in").css("display", "none");
            $(".an").addClass("hide");
        }
    })

    $(".one").click(function () {
        suan = 1;
        $(".one").text("选择省份/自治区");
        $(".one").removeClass("active");
        $(".two").removeClass("active");
        $(".sirui").removeClass("active");
        $(".four").removeClass("active");
        $(".two").addClass("hide");
        $(".sirui").addClass("hide");
        $(".four").addClass("hide");
        $(".options-list").addClass("hide");
        $(".options-list:first-child").removeClass("hide");
    })

    $(".xiandizhi").click(function () {
        $("#dizhi").removeClass("hide");
        $("#address").addClass("hide");
    })

    $(".useraddress").click(function () {
        usersheng = $(this).find(".usersheng").text();
        $(".sheng").text(usersheng);
        usershi = $(this).parent().find(".usershi").text();
        $(".shi").text(usershi);
        userqu = $(this).find(".userqu").text();
        $(".qu").text(userqu);
        userjie = $(this).find(".userjie").text();
        $(".xian").text(userjie);
        $(".in").css("display", "none");
        $(".an").addClass("hide");
    })

    //地址
    $("#tian").on('click', function () {
        var editionid = $(".editic").children("span").text();
        var priceid = $(".editic").children("p").text();
        var colorid = $(".color").children("span").text();

        Swal.fire({
            title: "确定添加购物车吗?",
            icon: "warning",
            confirmButtonColor: '#3085d6', // 确定按钮的 颜色
            confirmButtonText: '确定', // 确定按钮的 文字
            showCancelButton: true, // 是否显示取消按钮
            cancelButtonColor: '#d33', // 取消按钮的 颜色
            cancelButtonText: "取消", // 取消按钮的 文字
            reverseButtons: true // 是否 反转 两个按钮的位置 默认是  左边 确定  右边 取消
        })
            .then((isConfirm) => {
                try {
                    //判断 是否 点击的 确定按钮
                    if (isConfirm.value) {

                        success: {
                            icon: "success",
                                window.location.href = "/shoppingcart/insert?userid=" + userid + "&informationid=" + informationid + "&editionid=" + editionid + "&colorid=" + colorid + "&priceid=" + priceid;
                        }
                    } else {
                        Swal.fire("取消", "点击了取消", "error");
                    }
                } catch (e) {
                    alert(e);
                }
            });
    });
});